*
{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
    color: #666;
}
body {
    font-family: "microsoft yahei",Verdana;
    font-size: 12px;
}
ul, ol{
    list-style-type: none;
}


//顶部区域
.one{
//   border: 1px solid black;
     height: 30px;
     width: 100%;
     background: #EEECED;
     div{
         margin: 0 auto;
         width: 1100px;
         height: 30px;
//       background: pink;
     .userrela{
         float: right;
         
         li{
             float: left;
             padding-left: 8px;
             padding-right: 8px;
             line-height: 30px;
             a{
                 &:hover{
                     color:#E73A77;
                 }
             }
         }
     }
    }
}






.phoneicon{
    background:url("img/icons.png") no-repeat -80px -179px;
    display:block;
    width:29px;
    height:18px;
    position: absolute;
    right: 0;
    top: -10px;
}



//搜索区域
#search-zone{
    width:100%;
    height:120px;
    background: white;
//  padding-top: 10px;
//  border: 1px solid black;
//  margin-bottom: 10px;
    div{
        width:1100px ;
        height: 102px;
//      background: yellowgreen;
        margin: 0 auto;
        position: relative;
        a{
            display: block;
            margin-top: 22px;
            margin-left: 13px;
            width: 198px;
            height: 92px;
        }
        .search{
            width:460px;
            height:62px;
//          border: 1px solid red;
            position: absolute;
            top:37px;
            left:270px ;
            .item
            {
                li{
                     float: left;
                     padding-right: 4px;
                };
            }
            .clearfix{
                width: 460px;
                height: 45px;
                border: 1px soid grey;
                #searchitem
                {
                    padding:5px;
                    width:330px;
                    height:22px;
                    border: 2px solid #E73A77;
                    float: left;
                }
                #searchact
                {
                    background: url(button.png);
                    border-style: none;
                    width:110px;
                    height:36px;
                    float: left;
                    cursor: pointer;
                }
            }
        }
        #school{
            position: absolute;
            right: 8px;
            top: 18px;
        }
    }
}



.arrow.left{
    background: url(img/icons.png) no-repeat -271px 0px;
}
.arrow.right{
    background: url(img/icons.png) no-repeat -331px 0px;
}




#navigate{
    width: 100%;
    height: 44px;
    background: #383838;
    .wrap{
        width: 1100px;
        height: 44px;
        margin: 0 auto;
//      background: goldenrod;
        .navt{
            width:132px;
            height:44px;
            display: block;
            float: left;
            text-align: center;
            line-height: 44px;
            font-family: "微软雅黑";
            font-size:16px;
            color: white;
            &:hover{
            background:#E73A77;
        }
        }  
}





    .container{
        width: 100%;
        height: 450px;
          #nav-banner{
        width: 100%;
        height: 450px;
        position: relative;
        a{
            img{
                position: absolute;
                top: 0;
                left: 0;
                display: none;
            }
        }
        .slideth{
            position: absolute;
            bottom: 20px;
            left:700px;
            li{
                list-style: none;
                float: left;
                width: 12px;
                height: 12px;
                border-radius:50%;
                background: #4A4949;
                margin-right: 15px;
            }
        }
        .arrow{
            width:52px;
            height:95px;
//          background: red;
//          border:1px solid red;
            display: block;
            position: absolute;
            top: 225px;
        }
        .cate{
            width: 200px;
            height: 450px;
            position: absolute;
            left: 125px;
            top: 0;
            .category{
                width:200px;
                height: 74px;
                background: white;
                border-bottom: 1px solid #E3E3E3;
                float: left;
                &:hover{
                    background: #f9f9f9;
                }
               p{
                   padding-left: 40px;
                   padding-top: 5px;
               }
               .hidebox{
                   width: 710px;
                   height: 100px;
                   padding: 10px 20px;
//                 border: 1px solid red;
                   font-size: 12px;
                   font-family: "microsoft yahei",Verdana;
//                 display:none;
                   position: absolute;
                   top: 0px;
                   left: 180px;
                   z-index: 10;
                   background: #F9F9F9;
                   p{
                       width: 710px;
                       height: 30px;
                       padding: 8px 0;
                       ul{
                           width: 710px;
                           height: 30px;
                           border: 1px solid red;
                           li{
                               width: 48px;
                               height: 30px;
                               margin-right: 20px;
                               float: left;
                           }
                       }
                   }
               }
               .things{
                   padding-left: 40px;
                   .thing{
                   width: 65px;
                   height: 20px;
                   display: block;
                   float: left;
                   &:hover{
                       color: #E73A77;
                   }
               }
               }
               
            }
        }
    }
    }
    
    
}
#navigate .container #nav-banner .cate .category.cur{
    position: relative;
    z-index: 1115;
}
#navigate .container #nav-banner .cate .category.cur .hidebox{
    display: block;
}
#hoverthingshow{
    width:225px;
    height:97px;
    display: block;
    text-align: center;
    color: #FFF;
    background: #FF80B3 none repeat scroll 0% 0%;
    font-size: 18px;
    padding-top: 20px;
    position: absolute;
    top: 0px;
    z-index: 100;
    left: 0px;
    bottom: -97px;
    overflow: hidden;
}






#onsell{
    width: 1100px;
    height: 867px;
//  background: gold;
    margin: 0 auto;
    margin-top: 500px;
    
    #supersale{
        width: 850px;
        height: 867px;
//      border:1px solid red;
        float: left;
        .goods{
            .items
            {
                width:245px;
                height:380px;
//              background: gray;
                float: left;
                padding: 10px;
                margin-right: 18px;
                margin-bottom: 15px;
                position: relative;
          
                background: white;
                .salebuysbutton{
                font-size: 16px;
                font-family: "微软雅黑";
                color: #FFF;
                width: 108px;
                height: 37px;
                line-height: 37px;
                text-align: center;
                background: #F31F64 none repeat scroll 0% 0%;
                border-radius: 2px;
                position: absolute;
                right: 10px;
                bottom: 10px;
                display: none;
                border-style:none;
                z-index: 1;
                }
                &:hover{
                    box-shadow: 0px 0px 15px 15px #ccc;
                }
                h4{
                    strong{
                        color: #f30062;
                        font-size: 18px;
                    }
                    a{
                        &:hover{
                            color: #f30062;
                        }
                    }
                }
                .item-price{
                    width: 245px;
                    height: 40px;
                    line-height: 40px;
//                  background: deepskyblue;
                    
                }
            }
        }
    }
    
    #selectedact
    {
        width:250px;
        height:853px;
//      background: red;
        float: left;
        .selected{
            width:224px;
            height:351px;
//          border: 1px solid black;
            margin: 0 auto;
            background: white;
            padding-left: 13px;
            padding-right: 13px;
            margin-top: 18px;
           .branda{
               display: block;
               width:225px;
               height:97px;
               margin-top: 20px;
           }
        }
        .select{
            width:224px;
            height:351px;
//          border: 1px solid black;
            padding-left: 13px;
            padding-right: 13px;
            margin: 0 auto;
            background: white;
            margin-top: 18px;
           .branda{
               display: block;
               width:225px;
               height:97px;
               margin-top: 20px;
           }
        }
    }
}




#brand-rec{
    width:1100px;
    height:177px;
    margin: 0 auto;
    margin-top: 30px;
    .brandlis{
        width:1100px;
        height:140px;
//      background: gray;
        margin-top:10px;
        .bbrand{
            display: block;
            width:120px;
            height:69px;
            margin:1px;
//          border: 1px solid black;
            background: url(img/brandtag.jpg);
            float: left;
            position: relative;
            span{
                position: absolute;
                width:116px;
                height:65px;
                top:0;
                left:0;    
                &:hover{
                    border: 2px solid #ff80b3;
                }
            }
        }
    }
}


#leftfixedicon{
    width:38px;
    height:228px;
//  border: 1px solid red;
    position: absolute;
    background: url(img/newHome-navbar.jpg);
    display: none;
    top: 740px;
    left: 60px;
    li{
        width: 32px;
        float: left;
        height: 38px;
        text-align: center;
        padding-left: 3px;
        padding-right: 3px;
//      border-bottom: 1px solid black;
        position: relative;
        cursor: pointer;
        overflow: hidden;
        a{
            width: 35px;
            height: 33px;
//          text-indent: 3px;
            text-align: center;
            background: #FA578D none repeat scroll 0% 0%;
            font-size: 12px;
            color: #FFF;
            line-height: 1.2;
            text-align: center;
            position: absolute;
            left: 40px;
            top: 0px;
            z-index: 1;
            display: block;
            padding-top: 5px;
           
        }
    }
}
#rightfixedicon{
    width:65px;
    height:140px;
//  border: 1px solid red;
    position: absolute;

    display: none;
    top: 800px;
    right: 20px;
    li{
        width: 65px;
        margin-bottom: 3px;
        height: 65px;
//      border-bottom: 1px solid black;
        cursor: pointer;
    }
    li.one{
         background:url(img/toolbar.png) no-repeat 0px -435px;
         &:hover{
            background:url(img/toolbar.png) no-repeat -67px -435px; 
         }
    }
    li.two{
        background:url(img/toolbar.png) no-repeat 0px 0px;
        &:hover{
            background:url(img/toolbar.png) no-repeat -67px 0px;
        }
    }
    li.three{
        background:url(img/toolbar.png) no-repeat 0px -142px;
        &:hover{
            background:url(img/toolbar.png) no-repeat -67px -142px;
        }
    }
}
#leftfixedicon.cur{
    position: fixed;
    top: 100px;
//  display: block;
    z-index: 5;
}
#rightfixedicon.cur{
    position: fixed;
    top: 200px;
//  display: block;
    z-index: 5;
}


#content-hot{
    width: 1100px;
    height:3840px;
    margin: 0 auto;
//  border: 1px solid red;
    margin-top: 30px;
    .hotlis
    {
        .lisitem{
            width:332px;
            height:312px;
            padding: 16px;
//          margin: 1px;
            border:1px solid #f8f8f8;
            position:relative;
            background: white;
            float: left;
            margin-right: -1px;
            margin-top:-1px ;
            .salebuysbutton{
                font-size: 16px;
                font-family: "微软雅黑";
                color: #FFF;
                width: 108px;
                height: 37px;
                line-height: 37px;
                text-align: center;
                background: #F31F64 none repeat scroll 0% 0%;
                border-radius: 2px;
                position: absolute;
                right: 10px;
                bottom: 10px;
                display: none;
                border-style:none;
                z-index: 1;
            }
            
            &:hover{
               box-shadow: 0px 0px 15px 15px #ccc;
               z-index: 1000000;
               
            }
            div{
                p{
                    font-size: 14px;
                    margin-top: 3px;
                }
            }
        }
    }
}





//尾部
#footer{
    width:1100px;
    height:124px;
    padding-top: 60px;
    padding-bottom: 60px;
//  background: gray;
    margin: 0 auto;
    border-bottom: 1px  solid #E6E6E6;
    .footer-help{
        width:548px;
        height:100px;
//      background: yellow;
        margin-left: 50px;
        float: left;
        dl{
            width: 56px;
            height: 109px;
            margin-right: 80px;
//          border: 1px solid maroon;
            float: left;
            dt{
                width: 56px;
                height: 14px;
                margin-bottom: 5px;
            }
            dd{
                width: 56px;
                height: 30px;
                line-height: 30px;
            }
        }
    }
    .codebox{
        width:116px;
        height:124px;
        margin-left: 50px;
        margin-right: 90px;
        float: left;
//      border: 1px solid brown;
        text-align: center;
        .title{
            font-weight: 700;
            margin-bottom: 10px;
        }
    }
    .contact{
        width:205px;
        height:98px;
        float: left;
//      border: 1px solid black;
        .contact-tel{
            font-weight: 700;
            font-family: arial;
            font-size: 26px;
            line-height: 40px;
        }
    }
}


#supercontainer{
    background: #F1F1F1;
}



.foot2_center1{
    width:1100px;
    height:40px;
    margin: 0 auto;
//  border: 1px solid maroon;
    text-align: center;
    line-height: 40px;
    font-family: "微软雅黑";
}

.foot2_center2{
    width: 1100px;
    height: 50px;
    margin: 0 auto;
//  background: yellow;
    text-align: center;
    line-height: 50px;
}

















//列表页面

.show_type22{
    width: 1100px;
    height: 50px;
    margin: 0 auto;
//  border: 1px solid black;
    line-height:50px;
    
    a{
        
        &:hover{
            color: #E73A77;
            display: inline-block;
        
        }
    }
}


.contain_list{
    width: 1100px;
    height: 2168px;
//  border: 1px solid black;
    margin: 0 auto;
    .leftall{
    width:182px;
    height:948px;
//  background: greenyellow;
    float: left;
   }
   .selcate_list
   {
       width: 900px;
       height: 240px;
//     background: yellow;
       float: left;
       margin-left: 18px;
   }
}
 .w_sortlist{
        
        width:180px;
        height:396px;
//      border: 1px solid red;
//      background: red;
        margin-top: 2px;
        margin-left: 1px;
        margin-right: 1px;
        .select_title{
            width: 880px;
            height: 30px;
        }
        
    }
    
.selectypelist{
        width:850px;
        height:40px;
        margin-top: 10px;
        margin-left: 20px;
        .brand{
            display: inline-block;
            float: left;
            width: 39px;
            height: 14px;
            padding: 3px;
            font-weight: 700;
        }
        .letterall
        {
            display: inline-block;
            float: left;
            width: 24px;
            height: 20px;
            margin-left: 20px;
            padding-left: 3px;
            padding-right: 3px;
            background: #FC733F;
            line-height: 20px;
            color: white;
        }
        .selebybra{
            display: inline-block;
            float: left;
            width:733px;
            height:40px;
            margin-left: 20px;
//          border: 1px solid black;
            li{
                width: 130px;
                height: 20px;
                float: left;
            }
        }
}


.itemset
{
    width:180px;
    height:36px;
    background: #F8F8F8;
    border-bottom: 1px solid #E8E8E8;
    border-left: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;
    .title{
        font: 700 14px/35px "宋体";
        color:#666;
        display: block;
        float: left;
        margin-left:20px ;
    }
    .sign{
        display: block;
        width: 40px;
        height: 35px;
        float: right;
        background: url(img/add.jpg) no-repeat;
    }
}

.maybemore{
    width: 77px;
    height: 20px;
    margin: 0 auto;
    margin-top: 10px;
    background: yellow;
    line-height:20px;
    text-align: center;
    cursor: pointer;
}

.productsleshow{
    width: 900px;
    height: 1854px;
//  border: 1px solid black;
    margin-top: 22px;  
    .rehaojia{
        width:900px;
        height:30px;
//      background: greenyellow;
//      border: 1px solid red;
        .xiaopingge
        {
            width:60px;
            height:30px;
            float: left;
            line-height: 30px;
            text-align: center;
            font-size: 14px;
            
        }
    }
    .showitnow{
        width: 900px;
        height:1824px;
//      background:mediumpurple;
        .showgpro{
            width: 900px;
            height:1745px;
//          border-bottom: 1px solid black;
            li{
                width: 200px;
                height: 334px;
                margin-left: 20px;
                margin-top: 15px;
//              background: skyblue;
                float: left;
                .price{
                    margin-top: 30px;
                    
                }
              
            }
        }
    }
}



.ranklistyy{
    width:180px;
    height:448px;
    margin-top: 30px;
    padding: 1px;
//  border: 1px solid red;
    h2{
        width:180px;
        height:30px;
        border-top: 2px solid #FC733F;
        border-bottom:1px solid #E8E8E8;
        font-size:16px;
    }
    .nationhotou{
        width:160px;
        height:72px;
        margin-top: 10px;
        border-bottom:1px solid #E8E8E8;
        .infositemfj{
            float: left;
            width: 93px;
            height: 61px;
            margin-left: 5px;
            .title{
                width:93px;
                height:36px;
                display: block;
                overflow: hidden;
            }
            .pricetagh{
                
            }
        }
    }
}



.detailshowsdjk{
    width: 1000px;
    margin: 0 auto;
//  border: 1px solid black;
    .productimg{
        width: 300px;
        height: 300px;
        margin-left:25px;
        margin-top: 25px;
//      border: 1px solid black;
    }
    .smallimg{
        width:352px;
        height:57px;
        margin-top:5px;
//      border: 1px solid black;
        .leftarrow{
            width:18px;
            height:57px;
            border: 1px solid #E8E8E8;
            background: url(img/leftarrow.jpg) no-repeat;
            cursor: pointer;
//          margin-right: 5px;
            float: left;
            
        }
        .smalimgshow{
            width:55px;
            height:55px;
            margin-left: 5px;
            border: 1px solid #E8E8E8;
            float: left;
            cursor: pointer;
        }
        .rightarrow{
            width:18px;
            height:57px;
            border: 1px solid #E8E8E8;
            background: url(img/rightarrow.jpg) no-repeat;
            cursor: pointer;
//          margin-left: 5px;
            float: left;
        }
    }
}



.containcont{
//  border: 1px solid black;
    width: 360px;
    float: left;
}



.iteminfoa{
    width: 430px;
//  border: 1px solid red;
    float: left;
    h1{
        margin-top: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #E8E8E8;
    }
    .priceinfoa{
        width:430px;
        height:180px;
//      background:skyblue;
    }
}


.wannabut{
    width:430px;
    height:110px;
    background: #F8F8F8;
    position: relative;
//  margin-top: 15px;
    .numthing{
        width: 420px;
        height:23px;
        padding-top: 15px;
        margin-left:10px;
//      border: 1px solid black;
    }
}


.jaywants{
    border-style: none;
    background: #F32165;
    width:156px;
    color: white;
    font-family: "microsoft yahei";
    font-size: 18px;;
    height:37px;
//  float: left;
    position: absolute;
    left: 0px;
    top: 50px;
}


.productrebar{
    width:800px;
    height:44px;
//  margin-top: 50px;
//  background: #F8F8F8;
    border-top: 2px solid #F7286C;
    ul{
        width: 800px;
        height: 44px;
        
//      border-right: 1px solid red;
        li{
            width: 100px;
            height: 44px;
             background: #F8F8F8;
             text-align: center;
            margin-left: 50px;
            margin-bottom: 30px;
            float: left;
            a{
                font: 600 14px/44px "微软雅黑";
                color:#212121;
                 text-align: center;
            }
        }
    }
}
.pdescad{
    width:750px;
    height:230px;
    margin-top:20px;
    margin-left:50px;
//  border: 1px solid black;
}

.srangethings{
    width: 200px;
    height: 200px;
    float: left;
}


.reminderwxts
{
    width: 800px;
    height: 102px;
    margin-top: 10px;
    padding-top: 5px;
    padding-bottom:5px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}


.publiccom{
    width: 798px;
    height: 100px;
    border: 1px solid #CCCCCC;
    .acceptansdfn{
        width:400px;
        height: 100px;
        border-right:1px dashed #CCCCCC;
        float: left;
        .casualsa{
            width: 200px;
            height:100px;
            margin: 0 auto;
            margin-top: 20px;
        }
        
    }
    .icome{
        width: 396px;
        height: 100px;
//      background: yellow;
        float: left;
        position: relative;
    }
}
